export default function DetailsEvaluation({ info }: any) {
    return (
        <div className='detailsEvaluation'>
            <div className="user">
                {
                    info.comments ?
                        info.comments.map((item: any, index: number) => {
                            return (
                                <div className="comments" key={index}>
                                    <div className="user_info">
                                        <div className="user_info_img">
                                            <img src={item.userIcon} alt="" />
                                        </div>
                                        <div className="user_info_text">
                                            <span className="user_info_text_title">{item.userName}</span>
                                            <br />
                                            <span className="user_info_text_time">{item.userTime}</span>
                                            <span style={{ marginLeft: "20px" }}>{item.shopCategory}</span>
                                        </div>
                                    </div>
                                    <div className="comment_content">
                                        <div className="comment_content_text">
                                            {item.userCommont}
                                        </div>
                                        <div className="comment_imgs">
                                            {
                                                item.shopCommentsIMG?
                                                    item.shopCommentsIMG.map((item:any,index:number)=>{
                                                        return (<img src={item} key={index} alt="" />)
                                                    }):""
                                            }
                                        </div>
                                        <div className="reply">
                                            {
                                                item.reply?<div>
                                                    <span>回复：</span>
                                                    <span>{item.reply}</span>
                                                </div>:""
                                            }
                                        </div>
                                    </div>
                                </div>
                            )
                        }) : ""
                }
            </div>
        </div>
    )
}
